// 导入React
import React from "react";

// 条件渲染
function App() {
  // 渲染条件
  const isLoading = true;
  // 2 条件判断函数
  const loadData = () => {
    if (isLoading) {
      // 可以将JSX表达式赋值给变量
      // const loading = <div>加载中...</div>;
      // return loading;
      return <div>加载中...</div>;
    }
    // const success = <div>数据加载完毕，我是获取到的新数据！</div>;
    // return success;
    return <div>数据加载完毕，我是获取到的新数据！</div>;
  };

  return (
    <div>
      {/* 嵌入函数表达式 */}
      {loadData()}
    </div>
  );
}

export default App;
